<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		
		<!-- <form action="addUser.php" method="get"> -->
			用户名：<input class="username" /><br>
			密码: <input class="pwd" /><br>
			<!-- 图像：<input type="file" class="img"  /><br> -->
			<button class="btn">提交</button>
		<!-- </form> -->
		<script type="text/javascript">
			// ajax :a ：async （异步的） j：JavaScript  a：and  x ：xml
			// 主流的数据传输格式 ：1.json 2.xml
			// 无刷 ，局部刷新；
			
			
			let btn = document.querySelector(".btn");
			// ajax是js的内容
			// 4步；
			// 1.创建ajax对象
			let xhr;
			if(window.XMLHttpRequest){
				 xhr = new XMLHttpRequest();
			}else{
				xhr = new ActiveXObject();
			}
			btn.onclick = function(){
				let username = document.querySelector(".username").value;
				let pwd = document.querySelector(".pwd").value;
					// 2.打开ajax
					xhr.open("get",`addUser.php?username=${username}&pwd=${pwd}`,true);  //默认是true 异步的ajax  ；false 是同步ajax
					
					// 3.发送ajax
					xhr.send();
					
					// 4.接收ajax成功的结果；
					// onload :发送成功且接收成功
					xhr.onload = function(){
						// 发送成功接收成功之后 可以获取接收的东西；
						 // console.log( xhr.responseText);  //服务器返还的内容  ：就是服务器所有打印的内容
						 console.log(JSON.parse(xhr.responseText));
					}
			}
			
			
			
			
			
		</script>
	</body>
</html>
